<%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>${initParam.WxAppName}</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/bettery/css/itao.css">
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/jquery.js">
</script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/jquery.bxslider.min.js">
</script>
		<script src="${pageContext.request.contextPath}/bettery/js/jquery-ui-1.10.4.custom.min.js">
</script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/bettery_common.js">
</script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/template.js">
</script>
		<script type="text/javascript">
$(function()
{
	getaddressByLatLngGaode();
});
scrollLoad();
function checkBettery(id, pinPai, xingHao, ourPrice, imageUrl, zhongliang, licheng, detailInfo, marketPrice)
{
	if (id)
	{
	$('#dianchiId').val(id);
	$("#pinPai").val(pinPai);
	$("#xingHao").val(xingHao);
	$("#ourPrice").val(ourPrice);
	$("#imageUrl").val(imageUrl);
	$("#bettery_marketPrice").val(marketPrice);
	$("#bettery_zhongliang").val(zhongliang);
	$("#bettery_licheng").val(licheng);
	$("#bettery_detailInfo").val(detailInfo);
	$("#tsss").val(new Date());
	$('#searchForm').submit();
	}
}</script>
	</head>
	<body onload="hideLoading()">
		<form id='searchForm' action="chooseService.do" method="post">
			<input type="hidden" value="${model.lat}" name='model.lat' id="hiddenLat" />
			<input type="hidden" value="${model.lng}" name='model.lng' id="hiddenLng" />
			<input type="hidden" value="${model.blat}" name='model.blat' id="hiddenbLat" />
			<input type="hidden" value="${model.blng}" name='model.blng' id="hiddenbLng" />
			<input type="hidden" value="${model.chexingId}" id="chexingId" name="model.chexingId" />
			<input type="hidden" value="${model.chexingName}" name="model.chexingName" id="hiddenChexingName" />
			<!-- 下订单人所在的省市县 -->
			<input type="hidden" value="${model.province}" name='model.province' class="hiddenProvince" id="hiddenProvince" />
			<input type="hidden" value="${model.city}" name='model.city' class="hiddenCity" id="hiddenCity" />
			<input type="hidden" value="${model.town}" name='model.town' class="hiddenTown" id="hiddenTown" />
			<input type="hidden" value="${model.address}" id="shangmenAddress" name="model.address" class="form-control address" />
			<!-- 电池 -->
			<input type="hidden" value="${model.dianchiId}" name="model.dianchiId" id="dianchiId" />
			<input type="hidden" value="${model.price}" name='model.price' id="ourPrice" />
			<input type="hidden" value="${model.pinPai}" name='model.pinPai' id="pinPai" />
			<input type="hidden" value="${model.xingHao}" name='model.xingHao' id="xingHao" />
			<input type="hidden" value="${model.imageUrl}" name='model.imageUrl' id="imageUrl" />
			<input type="hidden" value="${model.zhongliang}" name='model.zhongliang' id="bettery_zhongliang" />
			<input type="hidden" value="${model.licheng}" name='model.licheng' id="bettery_licheng" />
			<input type="hidden" value="${model.detailInfo}" name='model.detailInfo' id="bettery_detailInfo" />
			<input type="hidden" value="${model.marketPrice}" name='model.marketPrice' id="bettery_marketPrice" />
			<input type="hidden" id="tsss">
			<div class="search_bar" style="" align="center">
				<span class='new-btn left'><a onclick="back();">返回</a>
				</span><span class="city-span right">[ ${model.city} ]</span>
			</div>
			<div align="center">
				<div class="tips" style="text-align: left;">
					以下电池适合您的电动车，请选择
				</div>
			</div>
			<div class="col-lg-12 m-t-mini">
				<div class='search-list' id="contentList">
					<div class='col-lg-12 m-t m-b search-list' style="min-height: 200px">
						<div class='m-t m-b' style="text-align: center; color: #f00; padding-top: 35px;">
							当前区域暂未开通，敬请期待，如需帮助请致电：400-990-5660
						</div>
					</div>
				</div>
			</div>
		</form>
		<script id="test" type="text/html">
<ul>{{each list as value i}}
<li class='panel' style='background:none' onclick="checkBettery({{value.id}}, '{{value.pinPai}}','{{value.xingHao}}', '{{value.ourPrice}}', '{{value.imageUrl}}','{{value.zhongliang}}','{{value.licheng}}','{{value.detailInfo}}','{{value.marketPrice}}');">
<div class="list-item"><div class="p" >
{{if value.imageUrl}} <img src="{{value.imageUrl}}"   class="p-pic"> 
{{/if}}{{if !value.imageUrl}}<img src="${pageContext.request.contextPath}/bettery/img/logo2.jpg" class="p-pic">{{/if}}</div>
<div class="d"><div class='title'>{{value.pinPai}}{{value.xingHao}}</div>
<div class='price'><img src='${pageContext.request.contextPath}/bettery/icons/price-type.png' style='height:32px;position:absolute;left:5px;top:5px'/>
<div ><a style="font-size: 12px;text-decoration:line-through;">{{value.marketPrice}}元</a>
</div><div><a style="color:red; font-size: 14px;">{{value.ourPrice}}元</a></div></div>
<img src='${pageContext.request.contextPath}/bettery/icons/bottom_1.png' style='margin:0;padding:0;display:block' width='100%'/></div>
</div></li>{{/each}}</ul></script>
		<script>
var betteryListJson = ${betteryListJson};var data = {list: betteryListJson};if(null!=betteryListJson&&betteryListJson.length>0){var html = template('test', data);document.getElementById('contentList').innerHTML = html;}</script>
	</body>
</html>